﻿<%@ page language="java" contentType="text/html; charset=utf8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
<style type="text/css">
.settings {
	background-image: url(${pageContext.request.contextPath}/ext/shared/icons/fam/folder_wrench.png) 
		!important;
}
.add1{
	background-image: url(${pageContext.request.contextPath}/images/add.png)
		!important;
}
.edit1{
	background-image: url(${pageContext.request.contextPath}/images/edit.png)
		!important;
}
.delete1{
	background-image: url(${pageContext.request.contextPath}/images/delete.gif)
		!important;
}
.yes {
	background-image:
		url(${pageContext.request.contextPath}/ext/resources/images/default/dd/drop-yes.gif)
		!important;
}
.remove {
	background-image:
		url(${pageContext.request.contextPath}/ext/shared/icons/fam/delete.gif)
		!important;
}
.ser{
	background-image: url(${pageContext.request.contextPath}/images/search.png)
		!important;
}
.user{
	background-image: url(${pageContext.request.contextPath}/images/user_suit.png)
		!important;
}
 .user-icon {
    background-image: url(${pageContext.request.contextPath}/images/buddy_online.png) !important;
  }
 .offline-user-icon {
    background-image: url(${pageContext.request.contextPath}/images/buddy_online.png) !important;
  }
 .user-group-icon {
    background-image: url(${pageContext.request.contextPath}/images/buddy_buddies.png) !important;
  }
 .wrench {
    background-image: url(${pageContext.request.contextPath}/images/wrench.png) !important;
  }
 .update2 {
    background-image: url(${pageContext.request.contextPath}/images/update2.gif) !important;
  } 
  .application_view_list {
    background-image: url(${pageContext.request.contextPath}/images/application_view_list.png) !important;
  }  
  .vcard {
    background-image: url(${pageContext.request.contextPath}/images/vcard.png) !important;
  }
  .log {
	background-image: url(${pageContext.request.contextPath}/images/log.gif)
		!important;
}  
.computer {
	background-image: url(${pageContext.request.contextPath}/images/computer.png)
		!important;
}
</style>	
	<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.STYLE1 {font-size: 12px}
-->
</style>

  </head>
  <body  background="images/bg.png" onLoad="loadForm()">
 <table width="473" height="150" align="center" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<table  background="images/login-006.png" width="473" height="210" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
    	<td width="473" height="75"></td>
    </tr>
    <tr>
        <td width="333" height="135">
            <table width="333" height="110" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="right" width="150"><span class="STYLE1">用户名：</span></td>
                    <td><input type="text" style="width:165" id="user.name" name="user.name"/></td>
                </tr>
                <tr>
                    <td align="right"><span class="STYLE1">密　码：</span></td>
                    <td><input type="password" style="width:165" id="user.password" name="user.password"/></td>
                </tr>
                <tr>
                    <td align="right"><span class="STYLE1">验证码：</span></td>
                  <td><input type="text"  style="width:100" id="rand" name="rand"/> <img src="images/code.png" border="0"/></td>
                </tr>
            </table>
		</td>
        <td width="140" height="110" style="padding-right:60"><img src="images/login-btn80.png" onClick="AppSubmit()"/></td>
    </tr>
</table>

<script language="javascript">
Ext.onReady(function()
	{
	
		var el=Ext.get("rand");
		var map = new Ext.KeyMap(el, {
        	key: 13,//回车的键盘key值
        	fn: AppSubmit    //确定事件    
    	});   
		
		
		
	}
);
function loadForm() {
	document.getElementById('user.name').focus()
}
function validateForm(form) {
	var name = document.getElementById('user.name').value;
	var password = document.getElementById('user.password').value;
	var rand = document.getElementById('rand').value;
	
	if (name == '') {
    	MessageBox('用户名不能为空!');
    	return false;
	}
	if (password == '') {
    	MessageBox('密码不能为空!');
    	return false;
	}
	if (rand == '') {
    	MessageBox('验证码不能为空!');
    	return false;
	}

	
	return true;       
}

function reset_form(){
	document.getElementById('user.name').value = "";
	document.getElementById('user.password').value = "";
	document.getElementById('rand').value = "";

}

function AppSubmit(){
 	window.location.href = 'index2.html';
	return true;
}
</script>

  </body>
</html>
